<div class="member_list_settings_container">
    <h4 class="user_group_setting_subsection_title">
        {{t "Add members" }}
    </h4>
    <div class="member_list_settings">
        <div class="member_list_add float-left">
            {{> add_members_form}}
            <div class="user_group_subscription_request_result"></div>
        </div>
        <div class="clear-float"></div>
    </div>
    <div>
        <h4 class="inline-block user_group_setting_subsection_title">{{t "Members"}}</h4>
        <span class="member-search float-right">
            <input type="text" class="search filter_text_input" placeholder="{{t 'Filter members' }}" />
        </span>
    </div>
    <div class="member-list-box">
        <div class="member_list_container" data-simplebar>
            <div class="member_list_loading_indicator"></div>
            <table class="member-list table table-striped">
                <thead class="table-sticky-headers">
                    <th data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
                    <th data-sort="email">{{t "Email" }}</th>
                    <th class="user-remove-actions" {{#unless can_edit}}style="display:none"{{/unless}}>{{t "Actions" }}</th>
                </thead>
                <tbody class="member_table" data-empty="{{t 'This group has no members.' }}" data-search-results-empty="{{t 'No group members match your current filter.'}}"></tbody>
            </table>
        </div>
    </div>
</div>
